// 订单中心样式
.Jy_order_center_group {
	transition: all .3s ease-in-out;
	height: calc(100vh);
	overflow-y: scroll;
	.Jy_order_center_box {
		.Jy_order_state_group {
			background-color: #fff;
			display: grid;
			align-items: center;
			height: 70rpx;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
			.state-list-box {
				display: grid;
				justify-content: center;
				.state-text-box {
					line-height: 64rpx;
					font-size: 30rpx;
				}
				
				.active {
					color: $tx-main-color;
					line-height: 64rpx;
					font-size: 34rpx;
					font-weight: bold;
				}
				.line {
					display: flex;
					border-radius: 6rpx 0 0 0;
					background-color: $tx-main-color;
					height: 6rpx;
					width: 100%;
				}
			}
		}
		
		.Jy_order_swiper_group {
			.Jy_order_swiper_container {
				padding-bottom: constant(safe-area-inset-bottom);
				padding-bottom: env(safe-area-inset-bottom);
				.Jy_order_swiper_list {
					margin: 20rpx;
					padding: 20rpx;
					background-color: #fff;
					border-radius: 10rpx;
					
					.Jy_order_swiper_list_container {
						.store_info_group {
							display: flex;
							justify-content: space-between;
							align-items: center;
							margin-bottom: 20rpx;
							.left_store_info_box {
								display: flex;
								align-items: center;
								.store_icon_box {
									width: 40rpx;
									height: 40rpx;
									display: flex;
									border-radius: 8rpx;
									overflow: hidden;
									image {
										width: 100%;
										height: 100%;
									}
								}
								
								.store_name {
									margin: 0 10rpx;
									font-size: 28rpx;
								}
								
								.right_icon_box {
									
								}
							}
							
							.order_state_box {
								font-size: 28rpx;
								color: $tx-nav-color-orange;
							}
						}
						
						.shop_info_group {
							display: flex;
							margin-bottom: 20rpx;
							.shop_image_box {
								width: 140rpx;
								height: 140rpx;
								display: flex;
								border-radius: 10rpx;
								overflow: hidden;
								image {
									width: 100%;
									height: 100%;
								}
							}
							
							.shop_info_group {
								flex: 1;
								display: flex;
								flex-direction: column;
								margin: 0 20rpx;
								.shop_name_box {
									font-weight: bold;
									font-size: 28rpx;
									text-overflow: -o-ellipsis-lastline;
									overflow: hidden;
									text-overflow: ellipsis;
									display: -webkit-box;
									-webkit-line-clamp: 2;
									line-clamp: 2;
									-webkit-box-orient: vertical;
								}
								
								.shop_parameter_box {
									font-size: 26rpx;
									color: #4c4c4c;
								}
							}
							
							.shop_price_group {
								.shop_price_box {
									font-size: 30rpx;
									font-weight: bold;
								}
								
								.shop_number_box {
									display: flex;
									align-items: center;
									justify-content: flex-end;
									font-size: 24rpx;
									
									.number {
										margin-left: 4rpx;
									}
								}
							}
						}
						
						.yin_paypaly_group {
							margin-bottom: 20rpx;
							display: flex;
							justify-content: flex-end;
							.yin_paypaly_box {
								display: flex;
								align-items: center;
								font-weight: bold;
								.big_font {
									font-size: 30rpx;
								}
								
								.small_font {
									font-size: 22rpx;
								}
								
								.mg_left {
									margin-left: 10rpx;
								}
							}
						}
						
						.order_option_group {
							display: flex;
							justify-content: space-between;
							align-items: center;
							.left_more_box {
								font-size: 26rpx;
							}
							
							.right_option_button_group {
								display: flex;
								.button_box {
									margin-left: 20rpx;
									width: 120rpx;
									height: 48rpx;
									font-size: 24rpx;
									display: flex;
									align-items: center;
									justify-content: center;
									border: 2rpx solid #4d4d4d;
									border-radius: 8rpx;
								}
								
								.pay_button, .require_wu_button, .bargin_button, .huigo_button {
									height: 50rpx;
									background-color: $tx-nav-color-orange;
									color: #fff;
									border: none;
								}
								
								.require_wu_button, .bargin_button {
									background-color: $tx-main-color;
								}
							}
						}
					}
				}
			}
		}
	}
}